$(function() {
    // 封装函数获取用户信息
    function initUserInfo() {
        axios.get('/my/userinfo').then(({ data: res }) => {
            // console.log(res.data);
            //使用1ayui的API，快速为表单赋值
            // 表单元素中的name属性必须和服务器接口数据项匹配
            layui.form.val('user-form', res.data);
        })
    }
    initUserInfo();
    // 自定义校验规则
    layui.form.verify({
        nikename: [/^\S{1,10}$/, '昵称必须是1-10位非空字符!']
    })


    $('[lay-filter="user-form"]').on('submit', function(e) {
        e.preventDefault();
        const data = $(this).serialize();
        console.log(data);
        axios.put('/my/userinfo', data).then(({ data: res }) => {
            if (res.code === 0) {
                console.log(res);
                layer.msg('更新用户资料成功!');
                window.parent.initUserMsg();
            }
        })
    })

    // 监听重置按钮的submit事件
    $('[type="reset"]').on('click', function(e) {
        e.preventDefault();
        initUserInfo();
    })
})